﻿<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>学校</title>
	<link type="text/css" href="/css/index.css" rel="stylesheet">
	<script type="text/javascript">
		document.documentElement.style.fontSize = document.documentElement.clientWidth /768*100 + 'px';
	</script>
	<script src="/js/jquery-3.5.1.min.js" type="text/javascript"></script>
	<script src="/js/jquery.SuperSlide.2.1.3.js" type="text/javascript"></script>
	<script src="/js/jquery.numscroll.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/echarts.min.js"></script>
	<head th:include="include :: header"></head>
</head>

<body>
<div class="school-title">山东省儿童青少年近视防控大数据平台<span th:text="${dataOne.school}"></span></div>
<div class="bg">
	<div class="leftMain">
		<div class="leftMain_top">
			<div class="leftMain_topIn">
				<ul>
					<li>
						<div class="liIn">
							<h3>学校总检人次</h3>
							<p class="shu"><span class="shu1" th:text="${dataOne.schoolAllNumber}"></span><i>人</i></p>
							<!--<div class="zi"><span class="span1">小标题：文字</span><span>小标题：文字</span></div>-->
							<span class="border_bg_leftTop"></span>
							<span class="border_bg_rightBottom"></span>
						</div>
					</li>
					<li>
						<div class="liIn">
							<h3>本次筛查人数</h3>
							<p class="shu"><span class="shu2" th:text="${dataOne.schoolThisNumber}"></span><i>人</i>   <span style="font-size: 20px">男女生比例：<span th:text="${dataOne.man}"></span></span></p>
							<!--<div class="zi"><span class="span1">小标题：文字</span><span>小标题：文字</span></div>-->
							<span class="border_bg_leftTop"></span>
							<span class="border_bg_rightBottom"></span>
						</div>
					</li>
					<li>
						<div class="liIn">
							<h3>近视率</h3>
							<p class="shu"><span class="shu3" th:text="${dataOne.illLv}"></span><i>%</i></p>
							<div class="zi"><span class="span1">检查日期: </span><span th:text="${dataOne.checkdate}"></span></div>
							<span class="border_bg_leftTop"></span>
							<span class="border_bg_rightBottom"></span>
						</div>
					</li>
					<li>
						<div class="liIn">
							<h3>矫正培养</h3>
							<p class="shu"><span id="TZ"></span></p>
							<!--<div class="zi"><span class="span1">小标题：文字</span><span>小标题：文字</span></div>-->
							<span class="border_bg_leftTop"></span>
							<span class="border_bg_rightBottom"></span>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<div class="leftMain_middle" style="margin-bottom: 0.1rem;">
			<div class="leftMain_middle_left" style="width:33.33%;">
				<div class="leftMain_middle_leftIn">
					<h3>人工智能预测明年发病率</h3>
					<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
					<div class="biaoge" style="height:24vh;" id="chartmain"></div>
					<script type="text/javascript" th:inline="javascript">
						// window.onload = function () {
						//指定图表的配置项和数据
						var dataAxis = ['假性近视','近视临床前期','真性近视']
						var data = [[${dataTwo.ycList}]];
						var yMax = 500;
						var dataShadow = [[${dataTwo.ycList}]];
						dataShadow=dataShadow.slice(0,dataShadow.length-1)

						for (var i = 0; i < data.length; i++) {
							dataShadow.push(yMax);
						}

						option = {
							title: {
								text: '',
								subtext: ''
							},
							grid:{
								x:40,
								y:40,
								x2:20,
								y2:20,

							},
							xAxis: {
								data: dataAxis,
								axisLabel: {
									/*inside: true,*/
									interval:0,
									textStyle: {
										color: '#fff',
										fontSize: 12

									}
								},
								axisTick: {
									show: false,
								},
								axisLine: {
									show: true,
									symbol:['none', 'arrow'],
									symbolOffset: 12,
									lineStyle:{
										color: '#fff',
									}
								},
								z: 10
							},
							yAxis: {
								type: 'value',
								name: '单位：%',
								min:0,
								max:100,
								axisLine: {
									show: true,
									symbol: ['none', 'arrow'],
									symbolOffset: 12,
									lineStyle:{
										color: '#fff',
									}
								},
								axisTick: {
									show: false
								},
								axisLabel: {
									textStyle: {
										color: '#fff',
										fontSize: 12
									}
								}
							},

							dataZoom: [
								{
									type: 'inside'
								}
							],
							series: [
								{
									type: 'bar',
									itemStyle: {
										color: new echarts.graphic.LinearGradient(
												0, 0, 0, 1,
												[
													{offset: 0, color: '#0efdff'},
													{offset: 0.5, color: '#188df0'},
													{offset: 1, color: '#188df0'}
												]
										)
									},
									emphasis: {
										itemStyle: {
											color: new echarts.graphic.LinearGradient(
													0, 0, 0, 1,
													[
														{offset: 0, color: '#2378f7'},
														{offset: 0.7, color: '#2378f7'},
														{offset: 1, color: '#0efdff'}
													]
											)
										}
									},
									data: data
								}
							]
						};

						//获取dom容器
						var myChart = echarts.init(document.getElementById('chartmain'));
						// 使用刚指定的配置项和数据显示图表。
						myChart.setOption(option);
						// };
					</script>
					<span class="border_bg_leftTop"></span>
					<span class="border_bg_rightBottom"></span>
				</div>
			</div>

			<div class="newPie" style="width: 33.33%;padding-right: 0.1rem;">
				<!--饼状图-->
				<div class="leftMain_middle_leftIn">
					<h3 style="font-size: 0.08rem;color: #fff;margin-bottom: 0.05rem;">近视患病率</h3>
					<div id="YYpie" style="width:100%;height: 24vh;"></div>
					<script type="text/javascript" th:inline="javascript">
                        var dataAxis = [[${dataTwo.myopia}]];
						// 基于准备好的dom，初始化echarts实例
						var myChartPie = echarts.init(document.getElementById('YYpie'));
						//饼状图
						setTimeout(function () {
							option = {
								tooltip: {
									trigger: 'item',
									formatter: '{a} <br/>{b} : {c} ({d}%)'
								},
								// 注意颜色写的位置
								color: [
									"#006cff",
									"#60cda0",
									"#ed8884",
									"#fdea8a"
								],

								series: [
									{
										name: '视力分布',
										type: 'pie',
										radius: ["15%", "75%"],
										center: ['50%', '55%'],
										roseType: 'area',
										data: [
											{value: dataAxis[0], name: '正常'},
											{value: dataAxis[1], name: '轻度'},
											{value: dataAxis[2], name: '中度'},
											{value: dataAxis[3], name: '重度'}
										]
									}
								]
							};

							myChartPie.setOption(option);
						});
					</script>
					<span class="border_bg_leftTop"></span>
					<span class="border_bg_rightBottom"></span>
				</div>
			</div>

			<div class="leftMain_middle_right" style="width: 33.33%">
				<div class="leftMain_middle_rightIn">
					<h3>班级近视率排名</h3>
					<div class="biaoge biaoge_pai" style="width:100%; height:24vh">
						<div class="biaoge_paiIn">
							<ul id="paiMing">
								<li>
									<div class="liIn">
										<div class="liIn_left"><span class="bot"></span><span class="zi" >六年级3班</span></div>
										<div class="liIn_line"><div class="line_lineIn" style="width:57%;"></div></div>
										<p class="num">57%</p>
									</div>
								</li>
								<li>
									<div class="liIn liIn2">
										<div class="liIn_left"><span class="bot"></span><span class="zi">六年级1班</span></div>
										<div class="liIn_line"><div class="line_lineIn" style="width:52%;"></div></div>
										<p class="num">52%</p>
									</div>
								</li>
								<li>
									<div class="liIn liIn3">
										<div class="liIn_left"><span class="bot"></span><span class="zi">五年级1班</span></div>
										<div class="liIn_line"><div class="line_lineIn" style="width:49%;"></div></div>
										<p class="num">49%</p>
									</div>
								</li>
								<li>
									<div class="liIn liIn4">
										<div class="liIn_left"><span class="bot"></span><span class="zi">六年级2班</span></div>
										<div class="liIn_line"><div class="line_lineIn" style="width:45%;"></div></div>
										<p class="num">45%</p>
									</div>
								</li>
								<li>
									<div class="liIn liIn5">
										<div class="liIn_left"><span class="bot"></span><span class="zi">四年级4班</span></div>
										<div class="liIn_line"><div class="line_lineIn" style="width:40%;"></div></div>
										<p class="num">40%</p>
									</div>
								</li>
								<li>
									<div class="liIn liIn6">
										<div class="liIn_left"><span class="bot"></span><span class="zi">五年级3班</span></div>
										<div class="liIn_line"><div class="line_lineIn" style="width:38%;"></div></div>
										<p class="num">38%</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<span class="border_bg_leftTop"></span>
					<span class="border_bg_rightBottom"></span>
				</div>
			</div>
		</div>
		<div class="leftMain_middle">
			<div class="leftMain_middle_left">
				<div class="leftMain_middle_leftIn">
					<h3>三级监测<span class="lookat">查看</span></h3>
					<div class="biaoge" style="width:100%; height:24vh" id="chartmain_zhe"></div>
					<script type="text/javascript" th:inline="javascript">
						//window.onload = function (){
						//指定图表的配置项和数据
                        var zxjsLv = [[${dataTwo.zxjsLv}]];
                        var lcqqLv = [[${dataTwo.lcqqLv}]];
                        var jxjsLv = [[${dataTwo.jxjsLv}]];
                        var everyTime = [[${dataTwo.everyTime}]];

						option = {
							title: {
								text: ''
							},
							tooltip: {
								trigger: 'axis'
							},
							legend: {
								textStyle: {
									color: '#fff',
									fontSize: 12,
								},
								right:'50%',
								data: ['临床前期', '假性近视', '真性近视']
							},
							grid:{
								x:40,
								y:40,
								x2:20,
								y2:20,
							},
							toolbox: {
								feature: {
									//saveAsImage: {}
								}
							},
							xAxis: {
								type: 'category',
								boundaryGap: false,
								axisLabel: {
									/*inside: true,*/
									interval:0,
									textStyle: {
										color: '#fff',
										fontSize: 12

									}
								},
								axisTick: {
									show: false,
								},
								axisLine: {
									show: true,
									symbol:['none', 'arrow'],
									symbolOffset: 12,
									lineStyle:{
										color: '#fff',
									}
								},
								data: everyTime,
							},
							yAxis: {
								type: 'value',
								name: '单位：%',
								axisLine: {
									show: true,
									symbol: ['none', 'arrow'],
									symbolOffset: 12,
									lineStyle:{
										color: '#fff',
									}
								},
								axisTick: {
									show: false
								},
								axisLabel: {
									textStyle: {
										color: '#fff',
										fontSize: 12
									}
								},
								axisLabel: {
									formatter: '{value} %'
								}

							},
							series: [
								{
									name: '临床前期',
									type: 'line',
									//stack: '总量',
									data: lcqqLv,
									itemStyle: {
										normal: {
											color: "#0efdff",//折线点的颜色
											lineStyle: {
												color: "#0efdff",//折线的颜色
												width:2,
											}
										},
									}
								},

								{
									name: '假性近视',
									type: 'line',
									//stack: '总量',
									data: jxjsLv,
									itemStyle: {
										normal: {
											color: "#ff2400",//折线点的颜色
											lineStyle: {
												color: "#ff2400",//折线的颜色
												width:2,
											}
										},
									}
								},
								{
									name: '真性近视',
									type: 'line',
									//stack: '总量',
									data: zxjsLv,
									itemStyle: {
										normal: {
											color: "#ffd500",//折线点的颜色
											lineStyle: {
												color: "#ffd500",//折线的颜色
												width:2,
											}
										},
									}
								}
							]
						};
						//获取dom容器
						var myChart = echarts.init(document.getElementById('chartmain_zhe'));
						// 使用刚指定的配置项和数据显示图表。
						myChart.setOption(option);
						//};
					</script>
					<span class="border_bg_leftTop"></span>
					<span class="border_bg_rightBottom"></span>
				</div>
			</div>
			<div class="leftMain_middle_right">
				<div class="leftMain_middle_rightIn">

					<h3>各年级近视情况</h3>

					<div class="biaoge biaoge_bi" style="width:100%; height:24vh">
						<ul class="gradeLv" id="gradeLv">
							<li>
								<div class="liIn">
									<p class="shu"><span class="shu1">7</span><i>%</i></p>
									<p class="zi">一年级</p>
								</div>
							</li>
							<li>
								<div class="liIn">
									<p class="shu"><span class="shu2">9</span><i>%</i></p>
									<p class="zi">二年级</p>
								</div>
							</li>
							<li>
								<div class="liIn">
									<p class="shu"><span class="shu3">20</span><i>%</i></p>
									<p class="zi">三年级</p>
								</div>
							</li>
							<li>
								<div class="liIn">
									<p class="shu"><span class="shu4">33</span><i>%</i></p>
									<p class="zi">四年级</p>
								</div>
							</li>
							<li>
								<div class="liIn">
									<p class="shu"><span class="shu5">46</span><i>%</i></p>
									<p class="zi">五年级</p>
								</div>
							</li>
							<li>
								<div class="liIn">
									<p class="shu"><span class="shu6">53</span><i>%</i></p>
									<p class="zi">六年级</p>
								</div>
							</li>
						</ul>
					</div>
					<span class="border_bg_leftTop"></span>
					<span class="border_bg_rightBottom"></span>
				</div>
			</div>
		</div>
	</div>
	<div class="rightMain">
		<div class="rightMain_top">
			<div class="rightMain_topIn">
				<h3>各年级人数</h3>
				<div class="biaoge" style="width:100%; height:30vh" id="chartmain_bing"></div>
				<script type="text/javascript" th:inline="javascript">
                    var grade = [[${dataTwo.grade}]];
                    var gradeNumber = [[${dataSix}]];

					option = {
						title: {
							text: '数据情况统计',
							subtext: '',
							left: 'right',
							textStyle: {
								color: '#fff',
								fontSize: 12
							}
						},
						tooltip: {
							trigger: 'item',
							formatter: '{b} : {c} ({d}%)'
						},
						legend: {
							// orient: 'vertical',
							// top: 'middle',
							type: 'scroll',
							orient: 'vertical',
							right: 10,
							top: 40,
							bottom: 20,
							left: 'right',
							data: grade,
							textStyle: {
								color: '#fff',
								fontSize: 12
							}

						},
						grid:{
							x:'-10%',
							y:40,
							x2:20,
							y2:20,
						},
						color : [ '#09d0fb', '#f88cfb', '#95f8fe', '#f9f390',  '#ecfeb7', '#ab8cfb'],
						series: [
							{
								type: 'pie',
								radius: '65%',
								center: ['40%', '50%'],
								selectedMode: 'single',
								data: gradeNumber,
								emphasis: {
									itemStyle: {
										shadowBlur: 10,
										shadowOffsetX: 0,
										shadowColor: 'rgba(0, 0, 0, 0.5)'
									}
								}
							}
						]
					};
					//获取dom容器
					var myChart = echarts.init(document.getElementById('chartmain_bing'));
					// 使用刚指定的配置项和数据显示图表。
					myChart.setOption(option);

				</script>
				<span class="border_bg_leftTop"></span>
				<span class="border_bg_rightTop"></span>
				<span class="border_bg_leftBottom"></span>
				<span class="border_bg_rightBottom"></span>
			</div>
		</div>
		<div class="rightMain_bottom">
			<div class="rightMain_bottomIn">
				<h3>学生视力</h3>
				<div class="biaoge biaoge_list" style="width:100%; height:36vh">
					<div class="divGund">
						<div class="hd">
							<ul class="ul_title">
								<li class="HHup"><a class="next"></a></li>
								<li class="HHdown"><a class="prev"></a></li>
								<li>姓名</li>
								<li>班级</li>
								<li>年龄</li>
								<li>左眼</li>
								<li>右眼</li>
							</ul>

						</div>
						<div class="bd">
							<ul class="ul_list" id="studentlist">
								<li><span><a href="/skip/geren">何启豪</a></span><span>2年2班</span><span>9</span><span>4.8</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">李晨生</a></span><span>3年4班</span><span>10</span><span>4.5</span><span>4.7</span></li>
								<li><span><a href="/skip/geren">李天鹏</a></span><span>3年4班</span><span>10</span><span>4.6</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">刘宝骏</a></span><span>3年4班</span><span>10</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">刘益豪</a></span><span>1年1班</span><span>8</span><span>4.9</span><span>4.7</span></li>
								<li><span><a href="/skip/geren">吕子嘉</a></span><span>1年4班</span><span>8</span><span>4.9</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">吕子懿</a></span><span>2年2班</span><span>9</span><span>4.8</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">马诚霜</a></span><span>4年2班</span><span>11</span><span>4.9</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">马新译</a></span><span>1年1班</span><span>8</span><span>4.7</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">孟相丞</a></span><span>1年1班</span><span>8</span><span>4.7</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">牛梓帆</a></span><span>1年4班</span><span>8</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">秦梓睿</a></span><span>2年2班</span><span>9</span><span>4.7</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">王博堃</a></span><span>5年1班</span><span>12</span><span>4.6</span><span>4.9</span></li>
								<li><span><a href="/skip/geren">卫亭君</a></span><span>5年1班</span><span>12</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">魏翔 </a> </span><span>4年2班</span><span>11</span><span>5.0</span><span>4.9</span></li>
								<li><span><a href="/skip/geren">杨巨鑫</a></span><span>4年2班</span><span>12</span><span>4.9</span><span>4.9</span></li>
								<li><span><a href="/skip/geren">杨义达</a></span><span>5年1班</span><span>12</span><span>4.8</span><span>4.5</span></li>
								<li><span><a href="/skip/geren">于思为</a></span><span>1年1班</span><span>8</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">张明烁</a></span><span>1年1班</span><span>8</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">赵胤程</a></span><span>2年2班</span><span>9</span><span>4.7</span><span>4.7</span></li>
								<li><span><a href="/skip/geren">周辰宇</a></span><span>6年3班</span><span>13</span><span>4.5</span><span>4.7</span></li>
								<li><span><a href="/skip/geren">安若萱</a></span><span>6年3班</span><span>13</span><span>4.6</span><span>4.6</span></li>
								<li><span><a href="/skip/geren">冯季萌</a></span><span>1年4班</span><span>8</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">康艺桐</a></span><span>3年4班</span><span>10</span><span>4.8</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">李佳潼</a></span><span>5年1班</span><span>12</span><span>4.7</span><span>4.7</span></li>
								<li><span><a href="/skip/geren">李依诺</a></span><span>6年3班</span><span>13</span><span>4.8</span><span>4.9</span></li>
								<li><span><a href="/skip/geren">李奕萱</a></span><span>4年2班</span><span>11</span><span>4.7</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">李昱瑶</a></span><span>1年1班</span><span>8</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">刘梓萱</a></span><span>6年3班</span><span>13</span><span>4.8</span><span>4.7</span></li>
								<li><span><a href="/skip/geren">庞筱萱</a></span><span>2年2班</span><span>9</span><span>5.0</span><span>4.9</span></li>
								<li><span><a href="/skip/geren">沈嘉怡</a></span><span>6年3班</span><span>13</span><span>4.6</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">苏梓乔</a></span><span>6年3班</span><span>13</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">王姿诺</a></span><span>3年4班</span><span>10</span><span>4.7</span><span>4.7</span></li>
								<li><span><a href="/skip/geren">王梓钰</a></span><span>3年4班</span><span>10</span><span>4.8</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">武锦熙</a></span><span>3年4班</span><span>10</span><span>4.8</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">殷晨絮</a></span><span>5年1班</span><span>12</span><span>4.8</span><span>4.9</span></li>
								<li><span><a href="/skip/geren">岳恩齐</a></span><span>1年1班</span><span>8</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">张艺蝾</a></span><span>6年3班</span><span>13</span><span>4.7</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">周思晨</a></span><span>2年2班</span><span>9</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">朱慧欣</a></span><span>6年3班</span><span>13</span><span>4.7</span><span>4.7</span></li>
								<li><span><a href="/skip/geren">陈廉甲</a></span><span>5年1班</span><span>12</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">陈子豪</a></span><span>3年4班</span><span>10</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">冯乐天</a></span><span>6年3班</span><span>13</span><span>4.8</span><span>4.6</span></li>
								<li><span><a href="/skip/geren">高梓恒</a></span><span>6年3班</span><span>13</span><span>5.0</span><span>4.8</span></li>
								<li><span><a href="/skip/geren">耿子朔</a></span><span>2年2班</span><span>9</span><span>5.0</span><span>5.0</span></li>
								<li><span><a href="/skip/geren">贾然屹</a></span><span>3年4班</span><span>10</span><span>5.0</span><span>4.9</span></li>
							</ul>
						</div>
						<script type="text/javascript">
							jQuery(".divGund").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:6,interTime:50});
						</script>
					</div>
				</div>
				<span class="border_bg_leftTop"></span>
				<span class="border_bg_rightBottom"></span>
			</div>
		</div>
	</div>
	<div style="clear:both;"></div>

	<!--=====================================弹框折线图==============================================-->
	<div class="popTk">
		<div class="popBlack"></div>
		<div class="leftMain_middle_left" id="popLineshow">
			<div class="leftMain_middle_leftIn">
				<div class="biaoge" id="chartmain_zheOpen"></div>
				<script type="text/javascript" th:inline="javascript">
					// window.onload = function (){
					//指定图表的配置项和数据
                    var zxjsLvt = [[${dataTwo.zxjsLv}]];
                    var lcqqLvt = [[${dataTwo.lcqqLv}]];
                    var jxjsLvt = [[${dataTwo.jxjsLv}]];
                    var everyTimet = [[${dataTwo.everyTime}]];
					option = {
						title: {
							text: ''
						},
						tooltip: {
							trigger: 'axis'
						},
						legend: {
							textStyle: {
								color: '#fff',
								fontSize: 12,
							},
							right:'50%',
							data: ['临床前期', '假性近视', '真性近视']
						},
						grid:{
							x:40,
							y:40,
							x2:20,
							y2:20,
						},
						toolbox: {
							feature: {
								//saveAsImage: {}
							}
						},
						xAxis: {
							type: 'category',
							boundaryGap: false,
							axisLabel: {
								/*inside: true,*/
								interval:0,
								textStyle: {
									color: '#fff',
									fontSize: 12

								}
							},
							axisTick: {
								show: false,
							},
							axisLine: {
								show: true,
								symbol:['none', 'arrow'],
								symbolOffset: 12,
								lineStyle:{
									color: '#fff',
								}
							},
							data: everyTimet,
						},
						yAxis: {
							type: 'value',
							name: '单位：人',
							axisLine: {
								show: true,
								symbol: ['none', 'arrow'],
								symbolOffset: 12,
								lineStyle:{
									color: '#fff',
								}
							},
							axisTick: {
								show: false
							},
							axisLabel: {
								textStyle: {
									color: '#fff',
									fontSize: 12
								}
							},
							axisLabel: {
								formatter: '{value} %'
							}

						},
						series: [
							{
								name: '临床前期',
								type: 'line',
								//stack: '总量',
								data: lcqqLvt,
								itemStyle: {
									normal: {
										color: "#0efdff",//折线点的颜色
										lineStyle: {
											color: "#0efdff",//折线的颜色
											width:2,
										}
									},
								}
							},
							{
								name: '假性近视',
								type: 'line',
								//stack: '总量',
								data: jxjsLvt,
								itemStyle: {
									normal: {
										color: "#ff2400",//折线点的颜色
										lineStyle: {
											color: "#ff2400",//折线的颜色
											width:2,
										}
									},
								}
							},
							{
								name: '真性近视',
								type: 'line',
								//stack: '总量',
								data: zxjsLvt,
								itemStyle: {
									normal: {
										color: "#ffd500",//折线点的颜色
										lineStyle: {
											color: "#ffd500",//折线的颜色
											width:2,
										}
									},
								}
							},
						]
					};
					//获取dom容器
					var myChart = echarts.init(document.getElementById('chartmain_zheOpen'));
					// 使用刚指定的配置项和数据显示图表。
					myChart.setOption(option);
					// };
				</script>
				<span class="border_bg_leftTop"></span>
				<span class="border_bg_rightBottom"></span>
			</div>
		</div>
	</div>

</div>

<!--数字增长累加动画-->

<script type="text/javascript" th:inline="javascript">

	var school = [[${dataOne.school}]];
	var checkType = [[${checkType}]];
	var CityName = [[${CityName}]];
	var AreaName = [[${AreaName}]];
	var href = '/skip/Newhuyan?school='+school+'&checkType='+checkType+'&CityName='+CityName+'&AreaName='+AreaName;
	$("#TZ").html('<a '+'href='+href+'>用眼行为矫正培养</a>')

	var dataFive = [[${dataFive}]];
	if (dataFive.length>0) {
        var html = '';
        for (var i = 0; i < dataFive.length; i++) {
			html += '<li><div class="liIn"><p class="shu"><span class="shu'+(i+1)+'">'+dataFive[i].lv+'</span><i>%</i></p><p class="zi">'+dataFive[i].grade+'</p></div></li>'
        }
        $("#gradeLv").html(html)
    }
    var dataThree = [[${dataThree}]];
	console.info("===========================");
	console.info(dataThree);
    console.info("===========================");

    if (dataThree.length>0){
	    var html = '';
	    for (var i = 0;i<dataThree.length;i++){
	        html+='<li><span><a href="/skip/geren?name='+dataThree[i].student_name+'&idCard='+dataThree[i].identity_card+'&checkdate='+dataThree[i].checkdate+'&checkType='+dataThree[i].checkType+'&age='+dataThree[i].age+'">'+dataThree[i].student_name+'</a></span><span>'+dataThree[i].grade+'</span><span>'+dataThree[i].age+'</span><span>'+dataThree[i].naked_farvision_od+'</span><span>'+dataThree[i].naked_farvision_os+'</span></li>'
		}
		$('#studentlist').html(html)
	}
	var dataFour = [[${dataFour}]];
	if (dataFour.length>0){
	    var html = '<li><div class="liIn"><div class="liIn_left"><span class="bot"></span><span class="zi" >'+dataFour[0].gradeClass+'</span></div><div class="liIn_line"><div class="line_lineIn" style="width:'+dataFour[0].lv+'%;"></div></div><p class="num">'+dataFour[0].lv+'%</p></div></li>';
        for (var i = 1; i <dataFour.length ; i++) {
			html+='<li><div class="liIn liIn'+(i+1)+'"><div class="liIn_left"><span class="bot"></span><span class="zi" >'+dataFour[i].gradeClass+'</span></div><div class="liIn_line"><div class="line_lineIn" style="width:'+dataFour[i].lv+'%;"></div></div><p class="num">'+dataFour[i].lv+'%</p></div></li>'
        }
        $('#paiMing').html(html)
	}


	// $(".shu1").numScroll();
	// $(".shu2").numScroll();
	// $(".shu3").numScroll();
	// $(".shu4").numScroll();
	// $(".shu5").numScroll();
	// $(".shu6").numScroll();

	$(".lookat").click(function(){
		$("#popLineshow").show();
		$(".popBlack").show();
	})
	$(".popBlack").click(function(){
		$("#popLineshow").hide();
		$(".popBlack").hide();
	})
</script>

</body>
</html>
